<!DOCTYPE>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="author" content="">
  <meta name="description" content="">
  <meta name="keywords" content="">

  <title>首页</title>

  <link href="/css/style.css" media="screen" rel="stylesheet" type="text/css">
  <link href="/css/grid.css" media="screen" rel="stylesheet" type="text/css">
  <link href="/css/element.css" media="screen" rel="stylesheet" type="text/css">

    <style type="text/css">
        form.search .entry_form {
            width: 233px;
        }
        form.letter_form #submit{
          float: left;
          width: 25px;
          height: 33px;
          padding: 0;
        }
    </style>
  <script src="/js/jquery-1.7.2.min.js" ></script>
  <script src="/js/html5.js" ></script>
  <script src="/js/jflow.plus.js" ></script>
  <script src="/js/jquery.carouFredSel-5.2.2-packed.js"></script>
  <script src="/js/publicLike.js"></script>
  <script src="/js/vue.js"></script>
  <script src="/js/element.js"></script>

  <script>
      function collection(){
          window.location.href = "/collect/getCollect?userId="+sessionStorage.getItem("userId");
      }
	$(document).ready(function(){
	    $("#myController").jFlow({
			controller: ".control", // must be class, use . sign
			slideWrapper : "#jFlowSlider", // must be id, use # sign
			slides: "#slider",  // the div where all your sliding divs are nested in
			selectedWrapper: "jFlowSelected",  // just pure text, no sign
			width: "984px",  // this is the width for the content-slider
			height: "480px",  // this is the height for the content-slider
			duration: 400,  // time in miliseconds to transition one slide
			prev: ".slidprev", // must be class, use . sign
			next: ".slidnext", // must be class, use . sign
			auto: true
    });
  });
  </script>
  <script>
	$(function() {
	  $('#list_product').carouFredSel({
		prev: '#prev_c1',
		next: '#next_c1',
		auto: false
	  });
    $('#list_product2').carouFredSel({
		prev: '#prev_c2',
		next: '#next_c2',
		auto: false
	  });
	   $('#list_product3').carouFredSel({
		prev: '#prev_c3',
		next: '#next_c3',
		auto: false
	  });
	  $(window).resize();
	});
  </script>
  <script>
       $(document).ready(function(){
	      $("button").click(function(){
		     $(this).addClass('click')
	      });
       })
  </script>
  <script>
     $(function () {
         var uid=sessionStorage.getItem("userId");
         var conditionData = {
             "userId":uid//用户编号
         };
         var conditionDataJSON = JSON.stringify(conditionData);
         $.ajax({
             type: 'post',
             url: "/shoppingcart/getListBayIndex",    // 提交到controller的url路径
             data: conditionDataJSON,
             contentType: "application/json",
             cache: false,
             async: true,
             success: function (data) {    // 请求成功后的回调函数，其中的参数data为controller返回的map,也就是说,@ResponseBody将返回的map转化为JSON格式的数据，然后通过data这个参数取JSON数据中的值;;
                 var jsonString = JSON.parse(data) ;
                 if (jsonString.msg == "ok") {
                     $(".grid_6 #cart_nav li .cart_cont").remove();
                     $(".grid_6 #cart_nav li a.cart_li span").html(jsonString.sum+"件");
                     var r =jsonString.shoppingcartList;
                     var html ='<ul class="cart_cont"><li class="no_border"><p>最近添加的项目</p></li><li>';
                     for (var i=0;i<r.length;i++){
                         html +='<li><a href="javaScript:void(0);"alt="' +
                             r[i].goods.gid+'" class="prev_cart getByGoodsId"><div class="cart_vert"><img src="' +
                             r[i].goods.gimage+'" alt="" title="" /></div></a><div class="cont_cart"><h4>' +
                             r[i].goods.gname+'</h4><div class="price">￥' +
                             r[i].goods.price+'</div> </div> <a title="close" class="close" href="#"></a><div class="clear"></div></li>';

                     }
                     html+='<li class="no_border"> <a href="/qd/shopping_cart.html" class="view_cart">查看购物车</a><a href="/qd/shopping_cart.html" class="checkout">进行结账</a></li></ul>';
                     $(".grid_6 #cart_nav li").append(html);
                     /*
                     * 商品详情*/
                     $(".getByGoodsId").click(function () {
                         var  gid =$(this).attr("alt");
                         window.location.href="/goods/getByIdGoods?id="+gid;
                     });
                 } else {
                     $(".grid_6 #cart_nav li .cart_cont").remove();
                     /*  $('.grid_6 #cart_nav li .cart_li').hover(function() {
                          /!* $(this).stop().animate({marginTop: 50});*!/
                           alert("请登录！！！")
                       }, function() {
                          // $(this).stop().animate({marginTop: 100});
                       });*/
                     $('.grid_6 #cart_nav li .cart_li').click(function() {
                         alert("请登录！！！");

                     });
                 }
             },
         });
     })
  </script>
</head>
<body>
<div id="app">
  <div class="container_12">
     <div id="top">
      <div class="grid_3">
        <div class="phone_top">
          Call Us +777 (100) 1234
        </div><!-- .phone_top -->
      </div><!-- .grid_3 -->

       <div class="grid_6">
         <div class="welcome">
          <!-- <span th:if="${userName==null}">
             欢迎访客，您可以<a href="/qd/login.html" style="color: #fe6400">登录</a> 或 <a href="/qd/register.html" style="color: #fe6400">创建帐户.</a>
           </span>
           <span class="uids" th:if="${userName!=null}" th:text="${userName}+您好，欢迎访问坭兴陶推荐网！"></span>

           <input id="userIdPut" th:if="${session.userInfo!=null}" type="hidden" th:value="${session.userInfo.uid}">
           <input id="userName" th:if="${session.userInfo!=null}" type="hidden" th:value="${session.userInfo.userName}">-->

           <div v-if="!flag">欢迎访客，您可以<a href="/qd/login.html" style="color: #fe6400">登录</a> 或
             <a href="/qd/register.html" style="color: #fe6400">创建帐户</a>.
           </div>

           <div>
             <p v-if="flag" >

               {{userName}} 欢迎访问坭兴陶推荐网<a style="color: #fe6400;margin-left: 10px;cursor: pointer" @click="goOut">退出</a>

             </p>
           </div>
           <input id="userIdPut" th:if="${session.userInfo!=null}" type="hidden" th:value="${session.userInfo.uid}">
           <input id="userName" th:if="${session.userInfo!=null}" type="hidden" th:value="${session.userInfo.userName}">
         </div><!-- .welcome -->
       </div><!-- .grid_6 -->

       <div class="grid_3">
         <div class="valuta">
           <ul>
             <li class="curent"><a href="qd/customerService.html">客户服务</a></li>
           </ul>
         </div><!-- .valuta -->

         <div class="lang">
           <ul>
             <li class="curent"><a href="/qd/personCenter.html">个人中心</a></li>
             <li><a href="/qd/blog.html">关于我们</a></li>
             <li><a href="/qd/contact_us.html">联系我们</a></li>
           </ul>
         </div><!-- .lang -->
       </div><!-- .grid_3 -->
    </div><!-- #top -->

    <div class="clear"></div>

    <header id="branding">
      <div class="grid_3">
        <hgroup>
          <h1 id="site_logo" ><a href="/goods/index.html" title=""><img src="/images/logo.png" alt="钦州坭兴陶" width="200" height="80"/></a></h1>
          <h2 id="site_description">钦州坭兴陶</h2>
        </hgroup>
      </div><!-- .grid_3 -->

      <div class="grid_3">
        <form class="search">
          <input type="text" name="search" class="entry_form" value="" placeholder="找你想要的..."/>
        </form>
      </div><!-- .grid_3 -->

      <div class="grid_6">
        <ul id="cart_nav">
          <li>
            <a class="cart_li" href="javaScript:void(0);">购物车<span>￥0.00</span></a>
            <ul class="cart_cont">
              <li class="no_border"><p>最近添加的项目</p></li>
              <li class="no_border">
                <a href="/qd/shopping_cart.html" class="view_cart">查看购物车</a>
                <a href="/qd/shopping_cart.html" class="checkout">进行结账</a>
              </li>
            </ul>
          </li>
        </ul>

        <nav class="private">
          <ul>
            <li><a href="/qd/personCenter.html">我的账户</a></li>
		    <li class="separator">|</li>
            <li><a href="javascript:ahref();">我的收藏</a></li>
            <li class="separator">|</li>
            <li><a href="/qd/orderInfo.html">我的订单</a></li>
            <li class="separator" v-if="!flag">|</li>
            <li v-if="!flag"><a href="/qd/login.html">登录</a></li>
		    <li class="separator">|</li>
            <li v-if="!flag" ><a href="/qd/register.html">注册</a></li>
		<!--<li class="separator" th:if="${userName==null}">|</li>
            <li th:if="${userName==null}" ><a href="/qd/login.html">登录</a></li>
		<li class="separator">|</li>
            <li th:if="${userName==null}"><a href="/qd/register.html">注册</a></li>-->
          </ul>
        </nav><!-- .private -->
      </div><!-- .grid_6 -->
    </header><!-- #branding -->
  </div><!-- .container_12 -->

  <div class="clear"></div>

  <div id="block_nav_primary">
    <div class="container_12">
      <div class="grid_12">
        <nav class="primary">
          <ul>
            <li class="curent"><a href="/goods/index.html">首页</a></li>
            <li><a href="/qd/all_catalog.html">全部宝贝</a></li>
            <li><a href="/qd/catalog_grid.html">热销推荐</a></li>
             <li><a href="/qd/compare.html">猜你喜欢</a></li>
            <li>
              <a href="/qd/catalog_list.html">新品推荐</a>
             <!-- <ul class="sub">
                <li><a href="catalog_grid.html">热销商品</a></li>
                <li><a href="catalog_list.html">今日推荐</a></li>
                
              </ul>-->
            </li>

            
	    <li>
              <a href="#">更多精彩</a>
              <ul class="sub">
									<!--<li><a href="/commont/toblogPost">评论社区</a></li>-->
									<li><a href="/qd/contact_us.html">联系我们</a></li>
									<li><a href="/qd/blog.html">关于我们</a></li>
									
              </ul>
            </li>
          </ul>
        </nav><!-- .primary -->
      </div><!-- .grid_12 -->
    </div><!-- .container_12 -->
  </div><!-- .block_nav_primary -->

  <div class="clear"></div>

  <div class="container_12">
    <div class="grid_12">
        <div class="slidprev"><span>Prev</span></div>
        <div class="slidnext"><span>Next</span></div>
        <div id="slider">
          <div id="slide1">
            <img src="/images/content/slide1.jpg" alt="" title="" />
            <div class="slid_text">
              <h3 class="slid_title"><span>此时此刻 </span></h3>
              <p><span>钦州坭兴陶纯手工茶壶泡茶壶荷花浮雕西施壶全手工,</span></p>
              <p><span>名家马武宏茶器茶具 一壶2杯 荷花西施半雕（1壶2杯)</span></p>
              <p><span>全手工壶坭兴陶世家，手工雕刻。一壶2杯，一套送礼自用佳品</span></p>
            </div>
          </div>

          <div id="slide2">
            <img src="/images/content/slide2.jpg" alt="" title="" />
            <div class="slid_text">
              <h3 class="slid_title"><span>觅陶 </span></h3>
              <p><span>广西钦州坭兴陶茶壶 禅意南瓜壶 佛系人生,</span></p>
              <p><span> 马武宏纯全手工坭兴陶壶 泡茶器茶具.</span></p>
            </div>
          </div>

          <div id="slide3">
            <img src="/images/content/slide3.jpg" alt="" title="" />
            <div class="slid_text">
              <h3 class="slid_title"><span>坭兴陶茶壶</span></h3>
              <p><span>坭兴陶茶壶纯手工马武宏紫砂石瓢钦州,</span></p>
              <p><span>泥兴陶壶茶具套装普洱泡茶壶 财源滚滚（山水）.</span></p>
            </div>
          </div>
        </div><!-- .slider -->
        <div id="myController">
          <div class="control"><span>1</span></div>
          <div class="control"><span>2</span></div>
          <div class="control"><span>3</span></div>
        </div>


    </div><!-- .grid_12 -->
  </div><!-- .container_12 -->
  

  <section id="main" class="home">
    <div class="container_12">
      <div id="top_button">
        <div class="grid_4">
          <a href="#" class="button_block best_price">
            <img src="/images/banner1.png" alt="Banner 1"/>
          </a><!-- .best_price -->
        </div><!-- .grid_4 -->

        <div class="grid_4">
          <a href="#" class="button_block new_smells">
            <img src="/images/banner2.png" alt="Banner 2"/>
          </a><!-- .new smells -->
        </div><!-- .grid_4 -->

        <div class="grid_4">
          <a href="#" class="button_block only_natural">
            <img src="/images/banner3.png" alt="Banner 3"/>
          </a><!-- .only_natural -->
        </div><!-- .grid_4 -->

        <div class="clear"></div>
      </div><!-- #top_button -->

      <div class="clear"></div>

      <div class="carousel">
        <div class="c_header">
          <div class="grid_10">
            <h2>热销推荐</h2>
          </div><!-- .grid_10 -->

          <div class="grid_2">
            <a id="next_c1" class="next arows" href="javascript:void(0);"><span>Next</span></a>
            <a id="prev_c1" class="prev arows" href="javascript:void(0);"><span>Prev</span></a>
           </div><!-- .grid_2 -->
        </div><!-- .c_header -->

        <div class="list_carousel">
<!--th:each="goods,goodsStat:${goodsListRank}"-->
        <ul id="list_product" class="list_product">
          <li class="" th:each="goods:${goodsListRank}">
            <div class="grid_3 product">
              <img class="sale" src="/images/sale.png" alt="Sale"/>
              <div class="prev">
                <!--th:src="@{/images/produkt_slid1.jpg}"-->
                <a href="javascript:void(0);" class="getByGoodsId" th:alt="${goods.gid}"><img th:src="${goods.gimage}" alt="" title="" /></a>
              </div><!-- .prev -->
              <h3 class="title" th:text="${goods.gname}">觅陶 广西钦州坭兴陶茶壶 梅兰竹菊 八方祥瑞壶</h3>
              <div class="cart">
                <div class="price">
                <div class="vert">
                <div class="price_new" th:text="￥+${goods.price}">￥550.00</div>
                  <!--<div class="price_old" th:text="￥+${good.price*1.1}">￥725.00</div>-->
                </div>
                </div>
                <a href="#" class="obn"></a>
                <a href="javascript:void(0);" class="like" th:alt="${goods.gid}">
                  <!--<input th:value="${goodn.gid}" type="hidden"  />-->
                </a>
                <a href="javascript:void(0);" class="bay" th:alt="${goods.gid}">
                  <!--<input th:value="${goodn.gid}" type="hidden"  />-->
                </a>
              </div><!-- .cart -->
            </div><!-- .grid_3 -->
          </li>

          <li class="">
            <div class="grid_3 product">
              <img class="sale" src="/images/sale.png" alt="Sale"/>
              <div class="prev">
                <a href="product_page.html"><img src="/images/product_1.jpg" alt="" title="" /></a>
              </div><!-- .prev -->
              <h3 class="title" >觅陶 广西钦州坭兴陶茶壶 梅兰竹菊 八方祥瑞壶</h3>
              <div class="cart">
                <div class="price">
                <div class="vert">
                  <div class="price_new">￥550.00</div>
                  <div class="price_old">￥725.00</div>
                </div>
                </div>
                <a href="javascript:void(0);" class="obn"></a>
                <a href="javascript:void(0);" class="like"></a>
                <a href="javascript:void(0);" class="bay"></a>
              </div><!-- .cart -->
            </div><!-- .grid_3 -->
          </li>

        <!--  <li class="">
            <div class="grid_3 product">
              <div class="prev">
                <a href="product_page.html"><img src="/images/product_1.jpg" alt="" title="" /></a>
              </div>&lt;!&ndash; .prev &ndash;&gt;
              <h3 class="title">觅陶 广西钦州坭兴陶茶壶 梅兰竹菊 八方祥瑞壶</h3>
              <div class="cart">
                <div class="price">
                <div class="vert">
                  <div class="price_new">￥550.00</div>
                </div>
                </div>
                <a href="#" class="obn"></a>
                <a href="#" class="like"></a>
                <a href="#" class="bay"></a>
              </div>&lt;!&ndash; .cart &ndash;&gt;
            </div>&lt;!&ndash; .grid_3 &ndash;&gt;
          </li>-->


          
        </ul><!-- #list_product -->
        </div><!-- .list_carousel -->
      </div><!-- .carousel -->

      <div class="carousel">
        <div class="c_header">
          <div class="grid_10">
            <h2>新品推荐 </h2>
          </div><!-- .grid_10 -->

          <div class="grid_2">
            <a id="next_c2" class="next arows" href="javascript:void(0);"><span>Next</span></a>
            <a id="prev_c2" class="prev arows" href="javascript:void(0);"><span>Prev</span></a>
          </div><!-- .grid_2 -->
        </div><!-- .c_header -->

        <div class="list_carousel">
        <ul id="list_product2" class="list_product">
          <li class="" th:each="goodn:${newGoodsList}">
            <div class="grid_3 product">
              <img class="sale" src="/images/sale.png" alt="Sale"/>
              <div class="prev">
                <!--th:src="@{/images/produkt_slid1.jpg}"-->
                <a href="javascript:void(0);" class="getByGoodsId" th:alt="${goodn.gid}"><img th:src="${goodn.gimage}" alt="" title="" /></a>
              </div><!-- .prev -->
              <h3 class="title" th:text="${goodn.gname}">觅陶 广西钦州坭兴陶茶壶 梅兰竹菊 八方祥瑞壶</h3>
              <div class="cart">
                <div class="price">
                  <div class="vert">
                    <div class="price_new" th:text="￥+${goodn.price}">￥550.00</div>
                    <!--<div class="price_old" th:text="￥+${goodn.price*1.1}">￥725.00</div>-->
                  </div>
                </div>
                <a href="javascript:void(0);" class="obn"></a>
                <a href="javascript:void(0);" class="like" th:alt="${goodn.gid}">
                  <!--<input th:value="${goodn.gid}" type="hidden"  />-->
                </a>
                <a href="javascript:void(0);" class="bay" th:alt="${goodn.gid}">
                  <!--<input th:value="${goodn.gid}" type="hidden"  />-->
                </a>
              </div><!-- .cart -->
            </div><!-- .grid_3 -->
          </li>

        </ul><!-- #list_product2 -->
        </div><!-- .list_carousel -->
      </div><!-- .carousel -->
      
      
        <div class="carousel">
        <div class="c_header">
          <div class="grid_10">
            <h2>好品推荐</h2>
          </div><!-- .grid_10 -->

          <div class="grid_2">
            <a id="next_c3" class="next arows" href="javascript:void(0);"><span>Next</span></a>
            <a id="prev_c3" class="prev arows" href="javascript:void(0);"><span>Prev</span></a>
           </div><!-- .grid_2 -->
        </div><!-- .c_header -->

        <div class="list_carousel">

        <ul id="list_product3" class="list_product">
          <li class="" th:each="goodv:${goodsList}">
            <div class="grid_3 product">
              <img class="sale" src="/images/sale.png" alt="Sale"/>
              <div class="prev">
                <!--th:src="@{/images/produkt_slid1.jpg}"-->
                <a href="javascript:void(0);" class="getByGoodsId" th:alt="${goodv.gid}"><img th:src="${goodv.gimage}" alt="" title="" /></a>
              </div><!-- .prev -->
              <h3 class="title" th:text="${goodv.gname}">觅陶 广西钦州坭兴陶茶壶 梅兰竹菊 八方祥瑞壶</h3>
              <div class="cart">
                <div class="price">
                  <div class="vert">
                    <div class="price_new" th:text="￥+${goodv.price}">￥550.00</div>
                    <!--<div class="price_old" th:text="￥+${goodv.price*1.1}">￥725.00</div>-->
                  </div>
                </div>
                <a href="#" class="obn"></a>
                <a href="javascript:void(0);" class="like" th:alt="${goodv.gid}">
                  <!--<input th:value="${goodn.gid}" type="hidden"  />-->
                </a>
                <a href="javascript:void(0);" class="bay" th:alt="${goodv.gid}">
                  <!--<input th:value="${goodn.gid}" type="hidden"  />-->
                </a>
              </div><!-- .cart -->
            </div><!-- .grid_3 -->
          </li>
          
        </ul><!-- #list_product -->
        </div><!-- .list_carousel -->
      </div><!-- .carousel -->

      <div id="content_bottom">
        <div class="grid_4">
          <div class="bottom_block about_as">
            <h3>关于我们</h3>
            <p>钦州古渊坭兴陶网隶属于钦州市古渊陶艺工作室，钦州坭兴陶已有1300多年历史，其陶艺作品于1915年参加美国巴拿马旧金山举办的国际博览会上获得金奖，名列中国四大名陶。 </p>
            <p>与江苏宜兴紫砂陶、云南建水陶、四川容昌陶饮誉中外。</p>
            <p>近百年来，多次参加国际和国家级展览会评比并获得大奖40多项，坭兴陶产品远销东南亚，东欧，美洲以及港澳台等30多个国家和地区。 </p>
          </div><!-- .about_as -->
        </div><!-- .grid_4 -->

        <div class="grid_4">
          <div class="bottom_block news">
            <h3>News</h3>
            <ul>
              <li>
                <time datetime="2020-03-06">2020-03-06</time>
                <a href="https://haokan.baidu.com/v?vid=15542425144649277212&pd=bjh&fr=bjhauthor&type=video">坭兴陶有一整套工序，窑变技术堪称一绝，很透气适合储存食物</a>
              </li>

              <li>
                <time datetime="2020-03-06">2020-05-06</time>
                <a href="https://haokan.baidu.com/v?vid=12340383603711251719&pd=bjh&fr=bjhauthor&type=video">来坭兴陶博物馆，了解坭兴陶如何从泥土变为珍宝</a>
              </li>

              <li>
                <time datetime="2020-03-06">2020-06-06</time>
                <a href="https://haokan.baidu.com/v?vid=4187422277125574053&pd=bjh&fr=bjhauthor&type=video">为什么柴烧坭兴陶那么美？</a>
              </li>
            </ul>
          </div><!-- .news -->
        </div><!-- .grid_4 -->

        <div class="grid_4">
          <div class="bottom_block newsletter">
            <h3>联系我们</h3>
            <p>我们期待你的光临！</p>
            <form class="letter_form">
              <input type="email" name="newsletter" class="l_form" value="" placeholder="请输入你的邮箱..."/>
	      <input type="submit" id="submit" value="" />
	    </form>
            <div class="lettel_description">
             		我们将为你提供最优质的服务
            </div><!-- .lettel_description -->
          </div><!-- .newsletter -->
        </div><!-- .grid_4 -->

        <div class="clear"></div>
      </div><!-- #content_bottom -->
      <div class="clear"></div>

    </div><!-- .container_12 -->
  </section><!-- #main -->

  <div class="clear"></div>
<footer>
    <div class="f_navigation">
      <div class="container_12">
        <div class="grid_3">
          <h3>联系我们</h3>
          <ul class="f_contact">
            <li>钦州湾广场</li>
            <li>+777 (100) 1234</li>
            <li>mail@example.com</li>
          </ul><!-- .f_contact -->
        </div><!-- .grid_3 -->

        <div class="grid_3">
          <h3>信息</h3>
          <nav class="f_menu">
            <ul>
              <li><a href="#">关于我们</a></li>
              <li><a href="#">隐私政策</a></li>
              <li><a href="#">条款及细则</a></li>
              <li><a href="#">安全付款</a></li>
            </ul>
          </nav><!-- .private -->
        </div><!-- .grid_3 -->

        <div class="grid_3">
          <h3>顾客服务</h3>
          <nav class="f_menu">
            <ul>
              <li><a href="contact_us.html">联系方式</a></li>
              <li><a href="#">返回</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">网站地图</a></li>
            </ul>
          </nav><!-- .private -->
        </div><!-- .grid_3 -->
        <div class="clear"></div>
      </div><!-- .container_12 -->
    </div><!-- .f_navigation -->

    <div class="f_info">
      <div class="container_12" >
        <div class="grid_6" style="margin: 0 auto; width: 100%;">
          <p class="copyright" style="text-align: center;">© 钦州坭兴陶, 2020.07 </p>
        </div><!-- .grid_6 -->
        <div class="clear"></div>
      </div><!-- .container_12 -->
    </div><!-- .f_info -->
  </footer>
</div>
  <script>
      function ahref() {

          if (sessionStorage.getItem("userId") != null && sessionStorage.getItem("userId") != "") {
             // window.location.href = "/collect/getCollect?userId=" + sessionStorage.getItem("userId");
              window.location.href = "/qd/collection.html";
          }else {
              alert("请先登录！")
          }
      }
      function seeCart(){
          //window.location.href = "/shoppingcart/listBay?userId="+sessionStorage.getItem("userId");
          if (sessionStorage.getItem("userId") != null && sessionStorage.getItem("userId") != "") {
              window.location.href = "/qd/shopping_cart.html";
          }else {
              alert("请先登录！")
          }
      }
      $(function() {
          var userId = $("#userIdPut").val()== undefined ? '': $("#userIdPut").val().trim();
          if (userId != null && userId != ""){
              sessionStorage.setItem("userId",userId);
              sessionStorage.setItem("userName",$("#userName").val());
          }

          $(".search").click(function () {
              var search = $("input[name='search']").val();
              var json={"search":search};
              if (search!=""){
                  $.post("/goods/search",json,function(r){

                  },"text");
              }


          });


      });

      let vue = new Vue({
          el: '#app',
          data() {
              return {
                  flag:false,
                  userName:""
              }
          },
          methods:{
              getUserInfo(){
                  let userId = sessionStorage.getItem("userId");
                  if (userId != null && userId != ""){
                      this.flag=true
                      this.userName=sessionStorage.getItem("userName")
                  }
              },
              goOut(){
                  sessionStorage.removeItem("userId")
                  sessionStorage.removeItem("userName")
                  window.location.href="/goods/index.html"
              }
          },
          created(){
              this.getUserInfo()
          }
      })
  </script>

</body>
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
</html>
